<template>
  <!-- 职责详情 -->
  <div class="duty-wrap">
    <div class="edit-time">
      <div class="time">{{ getTime }}</div>
      <div class="name">{{ getName }}</div>
    </div>
    <div></div>
    <!-- 附件信息 -->
    <div class="attachment-information">
      <div class="attachment-num">附件({{ num }})</div>
    </div>
  </div>
</template>
<script>
export default { 
  name: "dutyDetails",
  data() {
    return {
      getTime: "2021/03/23 12:22",
      getName: "李贤",
      num: "2",
    };
  },
};
</script>
<style lang="less" scoped>
.duty-wrap {
  width: 100%;
  height: 100%;
  border-top: 8px solid #f4f6f8;
  background: #ffffff;
  margin-left: 16px;
}
.edit-time {
  display: flex;
  align-items: center;
  margin-top: 15px;
  border-bottom: 1px solid #ebebeb;
  margin-right: 16px;
  padding-bottom: 10px;
  .time {
    font-size: 13px;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #9ca1a5;
    line-height: 17px;
  }
  .name {
    font-size: 13px;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #9ca1a5;
    line-height: 17px;
    margin-left: 6px;
  }
}
.attachment-information {
  margin-top: 18px;
  .attachment-num {
    font-size: 14px;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #9ca1a5;
    line-height: 18px;
  }
}
</style>